<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">Inbox</h3>

    <div class="box-tools pull-right">
      <div class="has-feedback">
        <input class="form-control input-sm" ng-model="search.$" placeholder="Search Mail" type="text">
        <span class="glyphicon glyphicon-search form-control-feedback"></span>
      </div>
    </div>
    <!-- /.box-tools -->
  </div>
  <!-- /.box-header -->
  <div class="box-body no-padding">
    <div class="mailbox-controls">
      <button class="btn btn-primary btn-sm" ui-sref="^.new">新建</button>
      <button class="btn btn-default btn-sm"^.new">删除</button>
      <div class="pull-right">
        1-50/200
        <div class="btn-group">
          <button class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
          <button class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
        </div>
        <!-- /.btn-group -->
      </div>
      <!-- /.pull-right -->
    </div>
    <div class="table-responsive mailbox-messages">
      <table class="table table-hover table-striped">
        <tbody>
        <tr>
          <td>
            <input type="checkbox" ng-click="toggle(orders)"/>
          </td>
          <th>状态</th>
          <td>编号</td>
          <td>客户</td>
          <td>描述</td>
          <td>时间</td>
        </tr>
        <tr ng-repeat="order in orders | orderBy:'name' | limitTo:3 |filter:search" ui-sref="^.detail({id:order.id})">
          <td><input type="checkbox" ng-model="order.ck"/></td>
          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
          <td>{{order.name}}</td>
          <td>{{order.partner.name | uppercase}}</td>
          <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
          <td class="mailbox-date">5 mins ago</td>
        </tr>
        </tbody>
      </table>
      <!-- /.table -->
    </div>
    <!-- /.mail-box-messages -->
  </div>
  <!-- /.box-body -->
  <div class="box-footer no-padding">
    <div class="mailbox-controls">
      <!-- Check all button -->
      <button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
      <div class="btn-group">
        <button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
        <button class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
        <button class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
      </div>
      <!-- /.btn-group -->
      <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
      <div class="pull-right">
        1-50/200
        <div class="btn-group">
          <button class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
          <button class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
        </div>
        <!-- /.btn-group -->
      </div>
      <!-- /.pull-right -->
    </div>
  </div>
</div><!-- /. box -->
